<?php $this->load->view('templates/header');?>

<body class="popup-frame" style="background-color:#6A6762">
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-TFPQJ7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TFPQJ7');</script>
<!-- End Google Tag Manager -->

        <!-- popup for terms and conditions -->
        <div id="myModal" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                   <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h3 class="modal-title">條款及細則</h3>
                    </div>
                    <div class="modal-body">
                        <p>1. 「新加坡航空公司優選經濟客艙Selfie自拍活動」由「新加坡航空公司」及《旭茉JESSICA》主辦（下稱「主辦單位」），只接受參加時已年滿18歲或以上的香港及澳門居民參加。<br />
                        2. 活動將於2016年1月31日晚上11時59分截止參加，即上傳檔案，逾期參加恕不受理。<br />
                        3. 參加者於參加活動之同時，代表其同意並接受此等條款及細則。<br />
                        4. 每人只限使用一個Facebook帳戶參加活動。參加者若以空號、假帳戶或修改電腦程式的方式參加此活動，主辦單位將有權取消其參加資格。<br />
                        5. 得獎名單將於2016年2月19日在此活動網頁內公佈。得獎作品將以創意、美感及社交媒體分享元素決定，參加者不得異議。<br />
                        6. 得獎者將會以登記的電郵收取得獎通知，請依得獎電郵指示，自行安排領取獎品方法。<br />
                        7. 獎品不可兌換現金、轉讓或轉售，如有遺失，將不予補發。<br />
                        8. 活動中有關之時間皆以主辦單位所用的時計為準。<br />
                        9. 得獎結果將以主辦單位的電腦紀錄為準。參加者對是次活動及評審決定均不得異議。<br />
                        10. 主辦單位有權將是次活動的得獎自拍照片作其他相關的市場推廣，包括電子社交媒體。<br />
                        11. 若個別人士錯用或濫用此活動，對活動之運作及其他參加者造成影響、或對主辦單位做出任何不利、負面影響或損失的事情，主辦單位保留一切追究及要求賠償之權利。<br />
                        12. 如發現參加者的文字、照片或影片涉嫌抄襲他人，主辦單位有權取消得獎者的得獎資格。<br />
                        13. 如因電腦、網絡、電話、技術故障而影響參加者進行活動，或導致參加者所遞交的資料有延誤或遺失，主辦單位概不負責，參加者亦不得向主辦單位追究。<br />
                        14. 如有任何爭議，主辦單位保留最終決定權，包括隨時暫停、轉變、更改或終止活動及其條款及細則，而毋須另行通知。</p>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- popup for repeat submit warning -->
        <div id="myModal-1" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                   <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h3 class="modal-title">注意</h3>
                    </div>
                    <div class="modal-body">
                        <p>你已參加過比賽，謝謝參與！</p>
                    </div>
                </div>
            </div>
        </div>
        
  <!-- popup for close message -->
    <div class="sub-popup-frame">
        <div id="myModal-close" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                   <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h3 class="modal-title"></h3>
                    </div>
                    <div class="modal-body">
                        <p>活動已結束，多謝支持!</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
        
    <!-- Page Content -->
    <div class="form-container">
        <div class="top-container">
        <span class="white-logo">
        <a href="http://www.singaporeair.com/zh_TW/hk/home" target="_blank">
          <img src="http://www.jessicahk.com/mywayofsitting/webroot/images/logo-white.png" width="260px" height="59px">
        </a>
        </span>
          <span class="fb-button">
          <div class="fb-like" data-href="https://www.facebook.com/singaporeair" data-layout="button" data-action="like" data-show-faces="false" data-share="false" ></div>
                    <a href="http://www.jessicahk.com/mywayofsitting/" id="form-page"  data-title="新加坡航空優選經濟客艙Selfie自拍活動" data-desc="自拍出您認為最舒適自我的坐姿，參加遊戲，並與大家分享，就有機會獲得由新加坡航空公司送出香港往返新加坡優選經濟客艙機票乙張及豐富禮品！" data-image="http://www.jessicahk.com/mywayofsitting/webroot/images/share-sg-2.png">
                        <img src="http://www.jessicahk.com/mywayofsitting/webroot/images/fb_share_zh.png" class="pey-fb-share">
                    </a>
          </span>
          
          <div class="mobile-fb-button">
            <div class="fb-like" data-href="https://www.facebook.com/singaporeair" data-layout="button" data-action="like" data-show-faces="false" data-share="false" ></div>
            <a href="http://www.jessicahk.com/mywayofsitting/" id="mobile-form-page"  data-title="新加坡航空優選經濟客艙Selfie自拍活動賽" data-desc="自拍出您認為最舒適自我的坐姿，參加遊戲，並與大家分享，就有機會獲得由新加坡航空公司送出香港往返新加坡優選經濟客艙機票乙張及豐富禮品！" data-image="http://www.jessicahk.com/mywayofsitting/webroot/images/slider-1.png">
                <img src="http://www.jessicahk.com/mywayofsitting/webroot/images/fb_share_zh.png" class="pey-fb-share">
            </a>
          </div>
        </div>
        
      <div class="form-subcontainer">
       <div class="form-header"><p class="form-header-custom">新加坡航空優選經濟客艙Selfie自拍活動</p>
            <p class="form-date-custom">遊戲時間：即日起至2016年1月31日23:59分</p></div>
       <div class="form-border-title-top"></div>
       <div class="form-border-title-bottom"></div>
        <div class="form-frame">
        <?php $attributes = array('id' => 'myform'); ?>
        <?php echo form_open_multipart("pform/sumbit_file", $attributes); ?>
        <div class="form-group">
            <label for="title" class="form-intro">讚好新加坡航空的Facebook專頁，自拍出您認為最舒適自我的坐姿，參加以下遊戲，並與大家分享，就有機會獲得由新加坡航空公司送出香港往返新加坡優選經濟客艙機票乙張及豐富禮品！</label>
            <p style="text-align:center;margin:10px 0">*以下個人資料只作是次活動禮品換領及通知用途</p>
          </div>
          <div class="form-group">
            <label for="eng_name">身份證上之英文姓名</label>
            <input type="text" class="form-control" name="eng_name" id="eng_name" value="<?php echo set_value('eng_name'); ?>" >
            <span class="text-danger"><?php echo form_error('eng_name'); ?></span>
          </div>
          
          <div class="form-group">
            <span class="email-label"><label for="email">電郵地址</label></span>
            <input type="email" class="form-control form-control-email" name="email" id="email" value="<?php echo set_value('email'); ?>" >
            <span class="text-danger"><?php echo form_error('email'); ?></span>
          </div>
          
          <div class="form-group">
            <span class="phone-label"><label for="phone">手機號碼</label></span>
            <input type="text" class="form-control form-control-phone" name="phone" id="phone" value="<?php echo set_value('phone'); ?>" >
            <span class="text-danger"><?php echo form_error('phone'); ?></span>
          </div>
          
          <div class="form-group">
            <label for="inputfile" class="upload-file">上傳你的坐姿Selfie</label>
            <input type="file" class="filestyle" name="inputfile" id="inputfile" data-buttonText="選擇檔案">
            <span class="text-danger"><?php if (isset($img_error)) { echo $img_error; } ?>
            <?php echo form_error('inputfile'); ?></span>
            <div class="help-block" >請上傳不超過6MB 的 JPG, GIF 或PNG檔的參賽照片</div>
          </div>
          
          <div class="form-group">
            <span class="photo-label"><label for="photo-title">您最喜愛的優選經濟客艙新座椅的優越功能及原因: </label></span>
            <input type="text" class="form-control" name="photo-title" id="photo-title" value="<?php echo "#hkgsq #flysq " . set_value('photo-title'); ?>" >
            <span class="text-danger"><?php echo form_error('photo-title'); ?></span>
          </div>
          
          <div class="checkbox">
            <label>
              <label class="myCheckbox"><input type="checkbox" name="tac" value="tac-accepted"><span></span></label> 本人確認已經細閱並同意<a href="#myModal" data-toggle="modal">活動條款及細則</a>。
              <span class="text-danger"><?php echo form_error('tac'); ?></span>
            </label>
          </div>
          <div class="checkbox">
            <label>
              <label class="myCheckbox"><input type="checkbox" name="marketing" value="accepted" checked><span></span></label> 本人同意接收任何由主辦單位發出之最新活動推廣的電郵及短訊。
              <span class="text-danger"><?php echo form_error('marketing'); ?></span>
            </label>
          </div>
                 
          <input type="hidden" name="fb_id" value="<?php if(isset($fb_id)) {echo $fb_id;} ?>" />
          <input type="hidden" name="fb_name" value="<?php if(isset($fb_name)) {echo $fb_name;}?>" />
          <input type="hidden" name="fb_email" value="<?php if(isset($fb_email)) {echo $fb_email;} ?>" />
            
            <input class="btn btn-default form-reset" type="button" onclick="reset()" value="重設">
            <?php //echo form_submit('submit', '提交', 'class="btn btn-default form-submit"'); ?>
            <a href="#myModal-close" data-toggle="modal"><div class="btn btn-default form-submit"><?php echo "提交"?></div></a>
            <?php //echo form_close(); ?>
          
      </div>
    </div>
     
    </div>

<script>
function reset() {
    document.getElementById("myForm").reset();
}
</script>

<!-- google analytics -->

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-71606580-1', 'auto');
  ga('send', 'pageview');

</script>

<script>
/*facebook like*/
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.5&appId=465230510326848";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

/*facebook share*/
window.fbAsyncInit = function() {
    FB.init({
        appId: '465230510326848',
        status: true,
        cookie: true,
        xfbml: true,
        version: 'v2.5'
    });
};

(function(d, debug){var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];if   (d.getElementById(id)) {return;}js = d.createElement('script'); js.id = id; js.async = true;js.src = "//connect.facebook.net/zh_HK/all" + (debug ? "/debug" : "") + ".js";ref.parentNode.insertBefore(js, ref);}(document, /*debug*/ false));

function postToFeed(title, desc, url, image) {
    var obj = {method: 'feed',link: url, picture: image,name: title,description: desc};
    function callback(response) {}
    FB.ui(obj, callback);
}

$('#form-page').on('click', function(e) {
    e.preventDefault();
    var title = $(this).attr('data-title'),
        desc = $(this).attr('data-desc'),
        url = $(this).attr('href'),
        image = $(this).attr('data-image');
    postToFeed(title, desc, url, image);

    return false;
});

$('#mobile-form-page').on('click', function(e) {
    e.preventDefault();
    var title = $(this).attr('data-title'),
        desc = $(this).attr('data-desc'),
        url = $(this).attr('href'),
        image = $(this).attr('data-image');
    postToFeed(title, desc, url, image);

    return false;
});


</script>

<!-- Facebook Social Interaction Tracking -->
<script>
 window.fbAsyncInit = function(){
  FB.Event.subscribe('edge.create',function(targetURL) {
       ga('send', 'social', 'Facebook', 'like', targetURL);   

      }
  );
};
</script>

<script type="text/javascript">
   <?php if ($fb_id_included == '1'){ ?>
    $(window).load(function(){
        $('#myModal-1').modal('show');
    });
   <?php } ?>
</script>



<?php $this->load->view('templates/footer');?>
